<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/activity.css">
</head>

<body>
    <div class="header">
        <img src="images/3.png_.webp" alt="">
    </div>
    <!--百亿补贴 精选好物  -->
    <div class="box1 wrapper">
        <div class="main">
            <span>百亿补贴 精选好物
            </span>
        </div>
        <div class="contain">
            <div class="pic">
                <a href=""><img src="images/12.jpg_.avif" alt=""></a>
            </div>
            <div class="text">
                <div class="desc">补贴价</div>
                <div class="price"><span>￥899</span></div>
            </div>
        </div>
        <div class="contain">
            <div class="pic">
                <a href=""> <img src="images/13.jpg_.avif" alt=""></a>
            </div>
            <div class="text">
                <div class="desc">补贴价</div>
                <div class="price"><span>￥899</span></div>
            </div>
        </div>
        <div class="contain">
            <div class="pic">
                <a href=""> <img src="images/14.jpg_.avif" alt=""></a>
            </div>
            <div class="text">
                <div class="desc">补贴价</div>
                <div class="price"><span>￥899</span></div>
            </div>
        </div>
        <div class="contain">
            <div class="pic">
                <a href=""> <img src="images/16.jpg_.avif" alt=""></a>
            </div>
            <div class="text">
                <div class="desc">补贴价</div>
                <div class="price"><span>￥899</span></div>
            </div>
        </div>
    </div>
    <!--百亿补贴 数码潮电  -->
    <div class="box1 wrapper">
        <div class="main">
            <span>百亿补贴 数码潮电
            </span>
        </div>
        <div class="contain">
            <div class="pic">
                <a href=""> <img src="images/20.avif" alt=""></a>
            </div>
            <div class="text2">
                <div class="fr"><em>小米双接口U盘128G</em></div>
                <div class="ad">
                    <a href=""> <img src="images/01.avif" alt=""></a>
                    <span>已售99+</span>
                </div>
            </div>
            <div class="bd">
                <div class="bda"><span>补贴价 ￥899</span></div>
                <div class="bdb"></div>
                <div class="bdc"><button>抢</button></div>
            </div>
        </div>
        <div class="contain">
            <div class="pic">
                <a href=""><img src="images/21.avif" alt=""></a>
            </div>
            <div class="text2">
                <div class="fr"><em>小米双接口U盘128G</em></div>
                <div class="ad">
                    <a href=""> <img src="images/01.avif" alt=""></a>
                    <span>已售99+</span>
                </div>
            </div>
            <div class="bd">
                <div class="bda"><span>补贴价 ￥899</span></div>
                <div class="bdb"></div>
                <div class="bdc"><button>抢</button></div>
            </div>
        </div>
        <div class="contain">
            <div class="pic">
                <img src="images/22.avif" alt="">
            </div>
            <div class="text2">
                <div class="fr"><em>小米双接口U盘128G</em></div>
                <div class="ad">
                    <img src="images/01.avif" alt="">
                    <span>已售99+</span>
                </div>
            </div>
            <div class="bd">
                <div class="bda"><span>补贴价 ￥899</span></div>
                <div class="bdb"></div>
                <div class="bdc"><button>抢</button></div>
            </div>
        </div>
        <div class="contain">
            <div class="pic">
                <a href=""> <img src="images/23.avif" alt=""></a>
            </div>
            <div class="text2">
                <div class="fr"><em>小米双接口U盘128G</em></div>
                <div class="ad">
                    <a href=""> <img src="images/01.avif" alt=""></a>
                    <span>已售99+</span>
                </div>
            </div>
            <div class="bd">
                <div class="bda"><span>补贴价 ￥899</span></div>

                <div class="bdc"><button>抢</button></div>
            </div>
        </div>

    </div>
    <!-- 百亿补贴 品质优选 -->
    <div class="box1 wrapper">
        <div class="main">
            <span>百亿补贴 品质优选
            </span>
        </div>
        <div class="as">
            <div class="aside1">
                <a href=""><img src="images/30.avif" alt=""></a>

            </div>
            <div class="aside2">
                <strong>
                    <a href=""> 松下小方盒便携式剃须刀男士电动剃须刀2024新款</a>
                </strong>
                <div class="ca"><span>买贵必赔 假一赔十 极速退款</span></div>
                <div class="cb">
                    <p>
                        <span>补贴价 ￥899 </span>
                    </p>

                    <div class="text">
                        <div class="desc">惊喜直降</div>
                        <div class="price"><span>立即抢购</span></div>
                    </div>
                </div>
            </div>

        </div>
        <div class="as">
            <div class="aside1">
                <a href=""><img src="images/31.jpg_.avif" alt=""></a>

            </div>
            <div class="aside2">
                <strong>
                    <a href="">【一级能耗】 JHS空调</a>
                </strong>
                <div class="ca"><span>买贵必赔 假一赔十 极速退款</span></div>
                <div class="cb">
                    <p>
                        <span>补贴价 ￥899 </span>
                    </p>

                    <div class="text">
                        <div class="desc">惊喜直降</div>
                        <div class="price"><span>立即抢购</span></div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div class="footer">
        <div class="wrapper">
            <div class="top">
                <ul>
                    <li>
                        <!-- 通过伪元素添加标签实现精灵图 -->
                        <span>价格亲民</span>
                    </li>
                    <li>
                        <span>物流快捷</span>
                    </li>
                    <li>
                        <span>品质新鲜</span>
                    </li>
                </ul>
            </div>
            <div class="bottom">
                <p>
                    <a href="#">关于我们</a> |
                    <a href="#">帮助中心</a> |
                    <a href="#">售后服务</a> |
                    <a href="#">配送与验收</a> |
                    <a href="#">商务合作</a> |
                    <a href="#">搜索推荐</a> |
                    <a href="#">友情链接</a>
                </p>
                <p>CopyRight @ 天猫</p>
            </div>
        </div>
    </div>
</body>

</html>